<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div id="userCourse" v-clock>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('购课会员')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-user_id" data-rule="required" data-source="xykeep/user/index" data-format-item="{id} - {nickname}" data-field="nickname" class="form-control selectpage" name="row[user_id]" type="text" value="">
            </div>
        </div>
    
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('上课门店')}:</label>
            <div class="col-xs-12 col-sm-8">
                <div class="select-data">
                    <input type="hidden" class="form-control" name="row[store_id]" v-model="store_id">
                    <input type="text" readonly class="form-control" v-model="store_name" placeholder="点击右侧按钮选择门店">
                    <button @click="selectStore()" class="btn btn-success"><i class="fa fa-bars"></i> 选择 </button>
                </div>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('上课教练')}:</label>
            <div class="col-xs-12 col-sm-8">
                <div class="select-data">
                    <input type="hidden" class="form-control" name="row[coach_id]" v-model="coach_id">
                    <input type="text" readonly class="form-control" v-model="coach_realname" placeholder="点击右侧按钮选择教练">
                    <button @click="selectCoach()" class="btn btn-success"><i class="fa fa-bars"></i> 选择 </button>
                </div>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('购买课程')}:</label>
            <div class="col-xs-12 col-sm-8">
                <div class="select-data">
                    <input type="hidden" class="form-control" name="row[course_id]" v-model="course_id">
                    <input type="text" readonly class="form-control" v-model="course_name" placeholder="点击右侧按钮选择课程">
                    <button @click="selectCourse()" class="btn btn-success"><i class="fa fa-bars"></i> 选择 </button>
                </div>
            </div>
        </div>
    
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('购买节数')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-nums" data-rule="required" class="form-control" name="row[nums]" type="number" />
            </div>
        </div>
    
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('购课费用')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-money" data-rule="required" class="form-control" name="row[money]" type="number" />
            </div>
        </div>
    </div>
   
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>

<style>
    [v-clock] {display: none;}
    .select-data{display: flex;}
</style>